
$--color-white: #fff;
$--color-black: #202020;
$--color-primary: #2F89E4;
$--color-success: #35ba7a;
$--color-error: #F43E06;
$--color-warn: #FBB612;
$--color-cancel: #cccccc;
$--color-blue: #76b2ff;
$--color-disabled: #7e7e7e;
$--color-bg: #F6F6F6;
$--active-border-color: '#bbb';
$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */
$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */
// $--color-light-primary: #20A162;
// $--color-light2-primary: #18AF8F;
// $--color-light3-primary: #21eaba;

$--color-theme: $--color-primary;


//sidebar
$menuBg:#304156;
$subMenuBg:#1f2d3d;
$menuHover:#001528;